﻿<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    <link href="@Url.Content("~/Content/css/bootstrap-theme.min.css")" rel="stylesheet">
    <link href="@Url.Content("~/Content/css/bootstrap.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/css/bootstrap.min.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/css/buing.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/css/compare.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/css/index.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/css/style.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/css/detail.css")" rel="stylesheet" />
    <link href="@Url.Content("~/Content/css/panner.css")" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.9.0.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jssor.core.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jssor.utils.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/jssor.slider.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/bootstrap.min.js")"></script>
    <script type="text/javascript" src="@Url.Content("~/Scripts/product.js")"></script>
</head>
<body>
    <div class="navbar navbar-static-top bs-docs-nav" style="margin: 0">
        <div class="container">
            <div class="collapse navbar-collapse bs-navbar-collapse">
                <ul class="nav navbar-nav">
                    <li><a href="" onclick="javascript:void(0);" data-toggle="modal" data-target=".bs-register-modal-sm">Đăng ký</a></li>
                    <li><a href="" onclick="javascript:void(0);" data-toggle="modal" data-target=".bs-login-modal-sm">Đăng Nhập</a></li>
                </ul>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="@Url.Action("Index", "Index")">Trang Chủ</a></li>
                    <li><a href="#">Giới Thiệu</a></li>
                    <li><a href="#">Sản Phẩm</a></li>
                    <li><a href="#">Liên Hệ</a></li>
                    <li><a href="#">Hỗ Trợ</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="bs-docs-header" style="background-color: #03b882; height: 341px;">
        <div style="position: relative; width: 100%; background-color: #3b8a21; overflow: hidden;">
            <div style="position: relative; left: 50%; width: 5000px; text-align: center; margin-left: -2500px; height: 341px;">
                <!-- Jssor Slider Begin -->
                @Html.Partial("_Panner");
                <!-- Jssor Slider End -->
            </div>
        </div>
    </div>
    <div class="container bs-docs-container" style="margin-top: 10px">
        @using (Ajax.BeginForm("Index", "Product", new AjaxOptions { UpdateTargetId = "detail-result" }))
        {
            <ul class="nav nav-tabs" role="tablist">
                <li><a href="#">Bảo hiểm Ô tô</a></li>
                <li class="active"><a href="javascript:void(0)" onclick="getProduct(1)">Bảo hiểm xe máy</a></li>
                <li><a href="javascript:void(0)" onclick="getProduct(2)">Bảo hiểm sức khoẻ</a></li>
                <li><a href="javascript:void(0)" onclick="getProduct(3)">Bảo hiểm tai nạn</a></li>
                <li><a href="javascript:void(0)" onclick="getProduct(4)">Bảo hiểm du lịch</a></li>
                <li><a href="javascript:void(0)" onclick="getProduct(5)">Bảo hiểm nhà</a></li>
                <li><a href="javascript:void(0)" onclick="getProduct(6)">Xử lý bồi thường</a></li>
                <li><a href="javascript:void(0)" onclick="getProduct(7)">Dịch vụ khách hàng</a></li>
            </ul>
            <input type="hidden" name="product" id="productID" />
            <input type="submit" name="get-product" style="display: none"/>
        }
        <div id="detail-result">
            @RenderBody()
        </div>
    </div>
    <div class="bs-docs-footer footer" style="background-color: #3b8a21;">
        <div class="container">
            <div class="col-md-3">
                <h4>SẢN PHẨM KHÁC</h4>
                <ul>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>Bảo hiểm trách nhiệm dân sự ô tô</li>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>Bảo hiểm trách nhiệm dân sự chủ xe máy</li>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>Bảo hiểm cháy nổ xe máy</li>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>Bảo hiểm tai nạn 24/24</li>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>Bảo hiểm du lịch trong nước</li>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>Bảo hiểm toàn diện nhà tư nhân</li>
                </ul>
            </div>
            <div class="col-md-3">
                <h4>NEWS</h4>
                <ul>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>BIC giảm phí 20% cho khách hàng mua bảo hiểm sức khỏe (BIC HealthCare) trực tuyến</li>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>BIC nâng cấp tổng thể website bán trực tuyến</li>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>BIC ứng dụng chữ ký số để cấp Giấy chứng nhận bảo hiểm điện tử</li>
                </ul>
            </div>
            <div class="col-md-3">
                <h4>KINH NGHIỆM & TỰ VẤN</h4>
                <ul>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>Chọn mua bảo hiểm sức khỏe phù hợp</li>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>Kinh nghiệm mua bảo hiểm du lịch quốc tế</li>
                </ul>
            </div>
            <div class="col-md-3">
                <h4>ABOUT US</h4>
                <ul>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>Giới thiệu website bán bảo hiểm trực tuyến</li>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>Giới thiệu Tổng Công ty Bảo hiểm BIDV</li>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>Sản phẩm bán trên website</li>
                    <li><span class="glyphicon glyphicon-chevron-right"></span>Liên hệ với chúng tôi</li>
                </ul>
            </div>
        </div>
    </div>

    <div class="modal fade bs-login-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                @Html.Partial("_PopLogin")
            </div>
        </div>
    </div>
    
    <div class="modal fade bs-register-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-sm">
            <div class="modal-content">
                @Html.Partial("_PopRegister")
            </div>
        </div>
    </div>
</body>
</html>